/*
 * 搜索无按钮
 */
<template name="ys-search-nobutton">
    <view class="search-nobutton">
        <input class="search" type="text" :placeholder="text"></input>
    </view>
</template>

<script>
    export default {
        name: "ys-search-nobutton",
        props: {
            text: {
                type: String,
                default: ""
            }
        }
    }
</script>

<style lang="scss">
    .search-nobutton {
        background-color: #fff;
        height: 102upx;
        padding: 16upx 30upx;
        box-sizing: border-box;
        position: fixed;
        top: 90upx;
        left: 0;
        width: 100%;
        border-bottom: 1upx solid #e6e6e6;
        z-index: 10;        
        .search {
            display: block;
            height: 70upx;
            font-size: 24upx;
            color: #333;
            padding: 0 60upx;
            border: none;
            background-color: #e6e6e6;
            border-radius: 12upx;
            text-align: center;
            box-sizing: border-box;   
            text-align: left;
            background-position: 24rpx center;
        }
    }
</style>
